<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>optimus</title>

    <!-- Bootstrap core CSS -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

    <!-- Plugin CSS -->
    <link href="{dede:global.cfg_templets_skin/}/vendor/magnific-popup/magnific-popup.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="{dede:global.cfg_templets_skin/}/css/creative.css" rel="stylesheet">

    <!-- Bootstrap core JavaScript -->
    <script src="{dede:global.cfg_templets_skin/}/vendor/jquery/jquery.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="{dede:global.cfg_templets_skin/}/vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/scrollreveal/scrollreveal.min.js"></script>
    <script src="{dede:global.cfg_templets_skin/}/vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="{dede:global.cfg_templets_skin/}/js/creative.min.js"></script>
    <style type="text/css">
      #portfolio img{
        width: 650px;
        height: 350px
      }
      .masthead1{
          padding-top: 10rem;
          padding-bottom: calc(10rem - 56px);
          background-image: url("/templets/default/img/bg.png");
          background-position: center center;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover; 
          height: 45vh;
          min-height: 400px;
          padding-top: 0;
          padding-bottom: 0;
      }
 a.nav-link1{
      display: inline-block;
          padding: .5rem 0.5rem;
    }
    #services{
      min-height:700px;
      height: auto;
    }
    p{margin: 15px 8px}

a>span{
	color: #333;
}
@media (max-width: 991px) {
  .sm-padding-top{
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
    /*图片自适应*/
.container .img-d{
  width: 100%;
  height: 150px;
  position:relative;
  overflow: hidden;
}
.container .img-d .img-responsive {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 690px;
    position:absolute;
    left: calc((100% - 690px)/2);
}
}
@media (min-width: 768px){
  .kongkai{
    margin-left: 16%
  }
}
.serverpiclist{
  /*width: 330px;*/
  height: 135px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius:10px;
  margin-top:50px; 
  font-size: 14px;
}

    </style>
  </head>

  <body id="page-top">
    {dede:include filename="TW/h.htm"/}
    <header class="masthead1 text-center text-white d-flex">
      <div class="container my-auto">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1 class="text-uppercase" style="padding-top: 12rem;font-size: 40px">
                {dede:type}[field:typename/]{/dede:type}
            </h1>
          </div>
           <div class="col-lg-8 mx-auto">
            <p class="text-faded mb-5" style="color: #fff;font-size: 25px"><strong></strong></p>
          </div>
        </div>
      </div>
    </header>

    <section id="services" >
      <div class="container">
        <div class="row" style="margin: -25px 3px 5px 3px">
          <div  class="" id="address"><img src="/templets/default/img/icon.png">{dede:type typeid='1'}
            <a class="nav-link1" href="[field:typeurl/]">首頁</a>{/dede:type} / {dede:type}[field:typename/]{/dede:type}</div>
        </div>
        <div class="row" style="margin: 0">
          {dede:field.content/}       
        </div>
      </div>
    </section>


    {dede:include filename="TW/f.htm"/}
  </body>

</html>
